/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/14.
	 */
	var Slider = __webpack_require__(26);
	var Advisory = __webpack_require__(30);
	var HyperLink = __webpack_require__(19);
	var Layer = __webpack_require__(2);
	var Calculator = __webpack_require__(31);
	var RingProgress = __webpack_require__(23);
	var Formitem = __webpack_require__(5);
	var Button = __webpack_require__(3);
	var Input = __webpack_require__(4);
	var SeamlessScroll = __webpack_require__(24);
	var Countdown = __webpack_require__(9);
	var Tooltip = __webpack_require__(33);

	var Root = React.createClass({displayName: "Root",
	    getInitialState:function(){
	        return {
	            banners:PageDM.banners.value,
	            projectList:PageDM.projectList.value,
	            amount:PageDM.amount.value,
	            questions:PageDM.questions.value,
	            investment:PageDM.investment.value,
	            notices:PageDM.notices.value,
	            steps:PageDM.steps.value
	        }
	    },
	    _handleClick: function () {
	        this.refs.calculator.layerOpen();
	    },
	    _feedbackClick: function(){
	        var PageDM = window.PageDM;
	        this.refs[PageDM.feedback.dmbind].layerOpen();
	    },
	    componentDidMount:function(){
	        var _this = this;
	        var PageDM = window.PageDM;

	        UEventHub.emit("pageLoad","hello world!");
	        UEventHub.on('LayerOpen',function (v) {
	            _this.refs[v].layerOpen();
	        });
	        UEventHub.on('LayerClose',function (v) {
	            _this.refs[v].layerClose();
	        });

	        //轮播图
	        UEventHub.on(PageDM.banners.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                banners:v
	            })
	        });
	        //平台公告
	        UEventHub.on(PageDM.notices.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                notices:v
	            })
	        });
	        //推荐投资列表
	        UEventHub.on(PageDM.projectList.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                projectList:v
	            })
	        });
	        //累计数据
	        UEventHub.on(PageDM.amount.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                amount:v
	            })
	        });
	        //最新投资
	        UEventHub.on(PageDM.investment.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                investment:v
	            })
	        });
	        //常见问题
	        UEventHub.on(PageDM.questions.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                questions:v
	            })
	        });
	        //投资步骤
	        UEventHub.on(PageDM.steps.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                steps:v
	            })
	        });
	    },
	    render: function () {
	        var config1 = {
	            speed: 33,  //滚动速度
	            type: 1    //1：无缝滚动，2：间歇滚动:只有向上滚动的场景
	        }
	        var config2 = {
	            speed: 20,  //滚动速度
	            type: 2,    //1：无缝滚动，2：间歇滚动:只有向上滚动的场景
	            stopTime: 3000  //间歇滚动停顿时间
	        }
	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "header"}, 
	                    React.createElement("div", {className: "top-bar fc-light"}, 
	                        React.createElement("div", {className: "container"}, 
	                            React.createElement("span", null, "服务热线：0816-2373017"), 
	                            React.createElement("span", null, "服务时间：工作日 9:00-18:00"), 
	                            React.createElement("span", {className: "nav-right"}, 
	                                React.createElement("a", {href: "登录注册/登录.html"}, "登录"), 
	                                React.createElement("a", {href: "登录注册/注册.html"}, "注册"), 
	                                React.createElement("a", {href: "帮助中心/平台介绍.html"}, "帮助中心"), 
	                                React.createElement("a", {href: "index.html"}, "返回绵阳商业银行")
	                            )
	                        )
	                    ), 
	                    React.createElement("div", {className: "header-nav"}, 
	                        React.createElement("div", {className: "container"}, 
	                            React.createElement("div", {className: "logo f-left"}, 
	                                React.createElement("a", {href: "index.html"}, React.createElement("img", {src: "../images/logo.jpg", alt: ""}), " "), 
	                                React.createElement("a", {href: "index.html"}, React.createElement("img", {src: "../images/logoe.jpg", alt: "绵阳市商业银行富乐e宝"}), " ")
	                            ), 
	                            React.createElement("div", {className: "nav f-right"}, 
	                                React.createElement("ul", {className: "clearfix"}, 
	                                    React.createElement("li", null, React.createElement("a", {href: "index.html", className: "current"}, "首页")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "我要投资.html"}, "我要投资")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "我要借款.html"}, "我要借款")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "账户中心/我的账户.html"}, "我的账户"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "clear"})
	                        ), 
	                        React.createElement("div", {className: "shadow"})
	                    )
	                ), 

	                React.createElement("div", {className: "banner-warp"}, 
	                    React.createElement(Slider, null, 
	                        
	                            this.state.banners.map(function(item,index){
	                                return (
	                                    React.createElement("a", {href: item.LinkUrl, target: item.OpenMode==1?"_blank":"_self", className: index == 0 ? "ucs-slider-item active-item":"ucs-slider-item", style: {background:'url('+item.PicUrl+')  center 0 no-repeat'}}, 
	                                        React.createElement("div", {className: "inner"})
	                                    )
	                                )
	                            })
	                        
	                    ), 
	                    React.createElement("div", {className: "mod-hot-news"}, 
	                        React.createElement("div", {className: "bg"}), 
	                        React.createElement("div", {className: "wrap"}, 
	                            this.state.notices.length > 0 ?
	                                React.createElement("div", {className: "newsbox", id: "newsbox"}, 
	                                    React.createElement(SeamlessScroll, {config: config2}, 
	                                        React.createElement("ul", null, 
	                                            
	                                                this.state.notices.map(function (item, index) {
	                                                    return (
	                                                        React.createElement("li", null, 
	                                                            React.createElement("a", {href: item.LinkUrl}, item.Title), React.createElement("span", null, item.CreateDate)
	                                                        )
	                                                    )
	                                                })
	                                            
	                                        )
	                                    )
	                                ) : "", 
	                            
	                            React.createElement("div", {className: "other-label"}, React.createElement("a", {href: "#"}, "查看更多公告 >>"))
	                        )
	                    )
	                ), 

	                React.createElement("div", {className: "money-index-warp"}, 
	                    React.createElement("div", {className: "wrap fz-16"}, 
	                        React.createElement("ul", null, 
	                            React.createElement("li", null, "累计交易金额（元）：", React.createElement("b", {ref: "acount1"}, this.state.amount.CumulativeTransactionAmount)), 
	                            React.createElement("li", null, "累计产生收益（元）：", React.createElement("b", {ref: "acount2"}, this.state.amount.AccumulatedIncome))
	                        ), 
	                        React.createElement("div", {className: "clear"})
	                    )
	                ), 
	                React.createElement("div", {className: "wrap banner-ad"}, React.createElement("a", {href: "javascript:void(0)", className: "close"}), " ", React.createElement("a", {href: "#"}, React.createElement("img", {src: "../images/1/banner.gif", style: {width:"100%"}}))), 
	                React.createElement("div", {className: "index-project wrap"}, 
	                    React.createElement("h3", {className: "fz-20"}, "投资推荐", React.createElement("a", {href: "我要投资.html"}, "查看更多项目 >")), 
	                    React.createElement("div", {className: "clear"}, 
	                        this.state.projectList.length > 0 ?
	                            this.state.projectList.map(function(item,index){
	                                var status = item.VFinancingStatus;  //项目状态

	                                //活动标志
	                                var aflag = (item.Aflag ? item.Aflag.value : "");
	                                var arr_aflag, resetAflag = [];
	                                if(aflag){
	                                    arr_aflag = aflag.split(',');
	                                    for(var i = 0;i < arr_aflag.length;i++){
	                                        resetAflag.push(arr_aflag[i].split('|'));
	                                    }
	                                }

	                                return(
	                                    React.createElement("div", {className: "project-list status-yr"}, /*预热*/
	                                        React.createElement("div", {className: "tag"}, 
	                                            resetAflag ?
	                                                resetAflag.map(function(v,j){
	                                                    var _class = "color"+(j+1);
	                                                    if(v[1]){
	                                                        return React.createElement(Tooltip, {title: v[1], className: _class}, v[0])
	                                                    }else{
	                                                        return React.createElement("a", {href: "javascript:void(0)", className: _class, alt: v[1]?v[1]:""}, v[0])
	                                                    }
	                                                }) : ""
	                                            
	                                        ), 
	                                        React.createElement("span", {className: "line"}), 
	                                        React.createElement("div", {className: "pro-intro"}, 
	                                            React.createElement("h4", null, item.ProjectName?item.ProjectName.value:""), 
	                                            React.createElement("p", null, "发行规模：￥", item.TotalAmount?item.TotalAmount.value:"", "元"), 
	                                            React.createElement("p", null, "起投金额：￥", item.MinAmount?item.MinAmount.value:"", "元"), 
	                                            React.createElement("span", {className: "status " +
	                                                (status == 2 ? "status-yr" :
	                                                (status == 1 ? "status-rg" :
	                                                (status == 3 ? "status-mb" :
	                                                "status-wc"))) 
	                                            })
	                                        ), 
	                                        React.createElement("div", {className: "pro-main"}, 
	                                            React.createElement("a", {href: item.LinkUrl}, 
	                                                item.Progress && item.Progress.value<100 ?
	                                                    React.createElement(RingProgress, {border: "25", radius: 125, value: item.Progress.value, color: ["#f1c11d","#c11921","#c11921"]}) :
	                                                    React.createElement(RingProgress, {border: "25", radius: 125, value: item.Progress.value, color: ["#c9caca","#c9caca","#c9caca"]}), 
	                                                
	                                                React.createElement("div", {className: "bg"}, 
	                                                    React.createElement("div", {className: "show"}, 
	                                                        React.createElement("p", null, "预期年化收益"), 
	                                                        React.createElement("p", {className: "pro-money"}, React.createElement("b", null, item.Interest?item.Interest.value:"--"), "%"), 
	                                                        React.createElement("p", {className: "pro-data"}, React.createElement("b", null, item.Duration?item.Duration.value:"--"), "天"), 
	                                                        React.createElement("p", {className: "pro-time"}, "投资期限")
	                                                    ), 
	                                                    React.createElement("div", {className: "hovershow"}, 
	                                                        React.createElement("b", {className: "bg-hover"}), 
	                                                        React.createElement("p", {className: "yellow txt-tips"}, "预热中~敬请期待！")
	                                                    )
	                                                ), 
	                                                status == 2 ?
	                                                    React.createElement("p", {className: "pro-countdown"}, 
	                                                        React.createElement(Countdown, {ref: "clock"+index, timeRemaining: item.ProjectBeginTime.value, tpl: "{h}:{m}:{s}"}), "秒后开始"
	                                                    ) :
	                                                status == 1 || status == 3 ?
	                                                    React.createElement("p", {className: "progress"}, React.createElement("span", null, item.Progress.value + "%")) :
	                                                    React.createElement("p", {className: "progress"}, React.createElement("span", null, "完成"))
	                                                
	                                            )
	                                        )
	                                    )
	                                )
	                            }) :
	                            React.createElement("div", {className: "notdata"}, React.createElement("img", {src: "../images/1/img8.jpg"}))
	                        
	                    )
	                ), 
	                React.createElement("div", {className: "process-warp wrap"}, 
	                    React.createElement("ul", null, 
	                        this.state.steps.length > 0 ?
	                            this.state.steps.map(function(item,index){
	                                return (
	                                    React.createElement("li", null, 
	                                        React.createElement("p", {className: "bg"+(index+1)}), 
	                                        React.createElement("a", {href: item.Address?item.Address:"javascript:void(0)", target: "_blank", style: item.Address?{cursor:'pointer'}:{cursor:'text'}}, item.Title), 
	                                        item.Description, 
	                                        React.createElement("i", null)
	                                    )
	                                )
	                            }) : ""
	                        
	                    ), 
	                    React.createElement("div", {className: "clear"})
	                ), 
	                React.createElement("div", {className: "wrap"}, 
	                    React.createElement("div", {className: "mod-investment f-left"}, 
	                        React.createElement("h3", null, "最新投资"), 
	                        this.state.investment.length > 0 ?
	                            React.createElement("div", {id: "colee", className: "sroll"}, 
	                                React.createElement("div", {id: "colee1"}, 
	                                    React.createElement(SeamlessScroll, {config: config1}, 
	                                        React.createElement("ul", {style: {minHeight:"210px"}}, 
	                                            
	                                                this.state.investment.map(function (item, index) {
	                                                    return (
	                                                        React.createElement("li", null, item.PayUserName, React.createElement("span", {
	                                                            className: "money"}, React.createElement("b", null, item.PayAmount), "元"), React.createElement("span", {
	                                                            className: "data"}, "[" + item.PayTime + "]"))
	                                                    )
	                                                })
	                                            
	                                        )
	                                    )
	                                ), 
	                                React.createElement("div", {id: "colee2"})
	                            ) :
	                            React.createElement("div", {className: "notdata"}, React.createElement("img", {src: "../images/1/img9.jpg"}), "暂无记录！")
	                        
	                    ), 
	                    React.createElement("div", {className: "mod-problem f-right"}, 
	                        React.createElement("h3", null, "常见问题", React.createElement("a", {href: "帮助中心/常见问题.html"}, "更多 >")), 
	                        React.createElement("ul", null, 
	                            this.state.questions.length > 0 ?
	                                this.state.questions.map(function(item,index){
	                                    return (
	                                        React.createElement("li", null, "•", React.createElement("a", {href: item.questionUrl?item.questionUrl:"javascript:void(0)"}, item.Title))
	                                    )
	                                }) :
	                                React.createElement("div", {className: "notdata"}, React.createElement("img", {src: "../images/1/img9.jpg"}), "暂无记录！")
	                            
	                        )
	                    ), 
	                    React.createElement("div", {className: "clear"})
	                ), 
	                React.createElement("div", {className: "mod-feature wrap"}, 
	                    React.createElement("ul", {className: "fz-20"}, 
	                        React.createElement("li", {className: "f1"}, React.createElement("img", {src: "../images/1/fbg1.png", className: "i1"}), React.createElement("img", {src: "../images/1/fbg1-1.png", className: "i2", alt: "精选银行授信级优质项目，全程资信见证"}), " 优选项目"), 
	                        React.createElement("li", {className: "f2"}, React.createElement("img", {src: "../images/1/fbg2.png", className: "i1"}), " ", React.createElement("img", {src: "../images/1/fbg2-1.png", className: "i2", alt: "全国性股份制商业银行浙商银行为资金存管机构"}), " 资金安全"), 
	                        React.createElement("li", {className: "f3"}, React.createElement("img", {src: "../images/1/fbg3.png", className: "i1"}), React.createElement("img", {src: "../images/1/fbg3-1.png", className: "i2", alt: "信息在存储、传输过程中经过严格的加密处理"}), "信息安全"), 
	                        React.createElement("li", {className: "f4"}, React.createElement("img", {src: "../images/1/fbg4.png", className: "i1"}), React.createElement("img", {src: "../images/1/fbg4-1.png", className: "i2", alt: "24小时在线投资，支持多家银行卡在线支付"}), "操作便捷")
	                    )
	                ), 

	                React.createElement("div", {className: "footer"}, 
	                    React.createElement("div", {className: "container"}, 
	                        React.createElement("div", {className: "footer-logo f-left"}, 
	                            React.createElement("p", {className: "logo-foot"}, React.createElement("img", {src: "../images/foot-logo.png", alt: ""})), 
	                            React.createElement("p", {className: "txt"}, 
	                                "2005－2013 绵阳市商业银行股份有限公司", 
	                                React.createElement("a", {href: "http://www.miitbeian.gov.cn", target: "_blank"}, "粤ICP备11013283123号")
	                            )
	                        ), 
	                        React.createElement("div", {className: "footer-nav f-right"}, 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "关于我们"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/平台介绍.html"}, "平台介绍")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/名词解释.html"}, "名词解释")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/联系我们.html"}, "联系我们")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/服务协议.html"}, "服务协议"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "安全保障"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/安全保障.html"}, "项目安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/安全保障.html"}, "资金安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/安全保障.html"}, "信息安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/安全保障.html"}, "账户安全"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "帮助中心"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/投资操作指引.html"}, "投资指引")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/融资操作指引.html"}, "融资指引")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "帮助中心/平台公告.html"}, "平台公告")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "javascript:;"}, "常见问题"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col col-service"}, 
	                                React.createElement("p", null, "客服专线", React.createElement("br", null), "0816-2373017"), 
	                                React.createElement("p", null, "服务时间", React.createElement("br", null), "工作日9:00 - 18:00")
	                            )
	                        ), 
	                        React.createElement("div", {className: "clear"})
	                    )
	                ), 

	                React.createElement(Advisory, null, 
	                    React.createElement(HyperLink, {className: "note", text: React.createElement("div", null, React.createElement("span", {className: "icon-news"}), React.createElement("span", {className: "bg-icon circle"}), React.createElement("p", null, "消息"))}), 
	                    React.createElement(HyperLink, {className: "calculator open-calculator", text: React.createElement("div", null, React.createElement("span", {className: "icon-calculator"}), React.createElement("p", null, "计算器")), onclick: this._handleClick.bind(this)}), 
	                    React.createElement(HyperLink, {className: "feedback open-feedback", text: React.createElement("div", null, React.createElement("span", {className: "icon-feedback"}), React.createElement("p", null, "意见反馈")), onclick: this._feedbackClick.bind(this)})
	                ), 

	                React.createElement(Calculator, {ref: "calculator"}), 

	                React.createElement(Layer, {ref: PageDM.feedback.dmbind, title: "意见反馈", className: "feedback-layer"}, 
	                    React.createElement("div", {className: "layer-feedback"}, 
	                        React.createElement("p", {className: "tips"}, "你好，欢迎您对赢家e站投融资平台提出意见和建议，我们会努力改善和提升用户体验。"), 
	                        React.createElement(Formitem, {dmbind: PageDM.textarea.dmbind, className: "textArea"}, 
	                            React.createElement("textarea", {className: "ucs-input-control", placeholder: "请写下您的宝贵意见", dmbind: PageDM.textarea.dmbind})
	                        ), 
	                        React.createElement("div", {className: "clear"}), 
	                        React.createElement("p", null, "请留下您的邮箱，我们会第一时间给您答复。"), 
	                        React.createElement(Formitem, {dmbind: PageDM.email.dmbind}, 
	                            React.createElement(Input, {placeholder: PageDM.email.placeholder, dmbind: PageDM.email.dmbind})
	                        ), 
	                        React.createElement(Button, {value: "确认提交", className: "ucs-btn-confirm", onclick: PageDM.feedback.confirmBack})
	                    )
	                )
	            )
	        )
	    }
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('main'));

/***/ },
/* 1 */,
/* 2 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/14.
	 */
	var Button = __webpack_require__(3);
	//查询样式是否存在
	function hasClass(elem, cls) {
	    elem = elem || {};
	    return new RegExp("\\b" + cls + "\\b").test(elem.className);
	}
	//添加样式
	function addClass(elem, cls) {
	    elem = elem || {};
	    hasClass(elem, cls) || (elem.className += " " + cls);
	    elem.className = elem.className.replace(/^\s|\s$/g, "").replace(/\s+/g, " ");
	}
	//删除样式
	function removeClass(elem, cls) {
	    elem = elem || {};
	    if (hasClass(elem, cls)) {
	        elem.className = elem.className.replace(new RegExp("(\\s|^)" + cls + "(\\s|$)"), "");
	    }
	};
	//obj为要绑定事件的元素，ev为要绑定的事件，fn为绑定事件的函数
	function myAddEvent(obj, ev, fn) {
	    if (obj.attachEvent) {
	        obj.attachEvent("on" + ev, fn);
	    }
	    else {
	        obj.addEventListener(ev, fn, false);
	    }
	}
	function myRemoveEvent(obj, ev, fn) {
	    if (obj.attachEvent) {
	        obj.detachEvent("on" + ev, fn);
	    }
	    else {
	        obj.removeEventListener(ev, fn, false);
	    }
	}

	var Layer = React.createClass({displayName: "Layer",
	    getDefaultProps: function () {
	        return {
	            display: false,
	            type: "",
	            width: "",
	            height: "",
	            className: "",
	            showClose: true,
	            closeBack: "",
	            position: "fixed",
	            confirm: "",
	            confirmBack: "",
	            cancel: "",
	            cancelBack: "",
	            afterBack: "",
	            animation: "layer-anim-1",
	            maskLayer: true,
	            shadeClose: false,
	            move: true,
	            autoClose: 0,
	            id: "",
	            left: "",
	            top: "",
	            contentHeight: "" //内容区域高
	        }
	    },
	    componentDidMount: function () {
	        myAddEvent(window, 'resize', this._handleResize.bind(this));
	    },
	    layerOpen: function () {
	        var _this = this;
	        this.refs.ucslayer.style.display = "block";
	        addClass(this.refs.ucslayer,this.props.animation);
	        this._setPosition();
	        //添加遮罩层
	        this.props.maskLayer ? this._maskLayer() : "";
	        //窗口加载完回调
	        this.props.afterBack ? this.props.afterBack() : "";
	        //计算倒计时
	        this.props.autoClose > 0 ? this._handleCountdown() : "";
	    },
	    layerClose: function () {
	        this.refs.ucslayer.style.display = "none";
	        removeClass(this.refs.ucslayer,this.props.animation);
	        //移除遮罩层
	        document.body.removeChild(this.divEL);
	        if (this.props.shadeClose) {
	            myRemoveEvent(this.divEL, 'click', this._handleMaskLayerClick);
	            //this.divEL.removeEventListener('click', this._handleMaskLayerClick);
	        }
	        // this.props.closeBack ? this.props.closeBack() : "";
	        clearInterval(this.timer);
	    },
	    _handleResize: function () {
	        //console.log("窗口改变");//传个参数进去，浏览器窗口缩放时不修改弹出层的宽高，只调整位置保持居中
	        //确保窗口在显示状态才执行缩放，隐藏下取不到高
	        this.refs.ucslayer.style.display === "block" ? this._setPosition("resize") : "";
	    },
	    _handleCountdown: function () {
	        //倒计时
	        clearInterval(this.timer);
	        var i = this.props.autoClose;
	        this.timer = setInterval(function () {
	            i--;
	            this.refs.autoClose.innerHTML = i;
	            if (i == 0) {
	                this.layerClose();
	            }
	        }.bind(this), 1000);
	    },
	    _maskLayer: function () {
	        this.divEL = document.createElement('div');
	        this.divEL.className = "layer-background";
	        document.body.appendChild(this.divEL);
	        this.props.shadeClose ?
	            myAddEvent(this.divEL, 'click', this._handleMaskLayerClick) : "";
	        //this.divEL.addEventListener("click", this._handleMaskLayerClick) : "";
	    },
	    _handleMaskLayerClick: function () {
	        //遮罩层点击
	        this.layerClose();
	    },
	    _setPosition: function (t) {
	        //浏览器窗口宽高兼容写法
	        this.windowWidth = (document.documentElement.scrollWidth > document.documentElement.clientWidth) ? document.documentElement.scrollWidth : document.documentElement.scrollWidth;
	        this.windowHeight = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight;

	        //如果设定了高宽，则使用设定的
	        this.layerWidth = this.props.width ? this.props.width : this.refs.ucslayer.offsetWidth;
	        this.layerHeight = this.props.height ? this.props.height : this.refs.ucslayer.offsetHeight;
	        this.layerHeight = this.layerHeight > this.windowHeight ? this.windowHeight : this.layerHeight;//如果弹层高度大于浏览器窗口高，则使用浏览器窗口高
	        var scrollTop = 0;// 滚动条的高度
	        if (this.props.position == "absolute") {
	            if (document.documentElement && document.documentElement.scrollTop) {
	                scrollTop = document.documentElement.scrollTop;
	            }
	            else if (document.body) {
	                scrollTop = document.body.scrollTop;
	            }
	        }
	        var left = (parseInt(this.windowWidth) - parseInt(this.layerWidth)) / 2;
	        var top = (parseInt(document.body.clientHeight) - parseInt(this.layerHeight)) / 2;
	        if (t !== "resize") {
	            this.refs.ucslayer.style.width = this.layerWidth;
	            this.refs.ucslayer.style.height = this.layerHeight;
	        }
	        this.refs.ucslayer.style.left = left + "px";
	        this.refs.ucslayer.style.top = top < 0 ? 0 : top + "px";
	        if(this.refs.layerHeader){
	            this.refs.layerContent.style.height = parseInt(this.layerHeight) - parseInt(this.refs.layerHeader.offsetHeight);
	        }else{
	            this.refs.layerContent.style.height = parseInt(this.layerHeight);
	        }

	    },
	    _handleCloseClick: function () {
	        //点击关闭时
	        this.props.closeBack ? this.props.closeBack() : this.layerClose();
	    },
	    _handleConfirmClick: function () {
	        //确认按钮点击时
	        this.props.confirmBack ? this.props.confirmBack() : this.layerClose();
	    },
	    _handleCancelClick: function () {
	        //取消按钮点击时
	        this.props.cancelBack ? this.props.cancelBack() : this.layerClose();
	    },
	    _handleMousedown: function (e) {
	        if (this.props.move) {
	            this.mx = e.pageX - parseInt(this.refs.ucslayer.style.left);
	            this.my = e.pageY - parseInt(this.refs.ucslayer.style.top);
	            this.move = true;
	            myAddEvent(document, 'mousemove', this._handleMouseMove.bind(this));
	            myAddEvent(document, 'mouseup', this._handleMouseUp.bind(this));
	        }
	    },
	    _handleMouseMove: function (e) {
	        if (this.move) {
	            e = event || window.event;
	            var x = e.clientX - parseInt(this.mx);
	            var y = e.clientY - parseInt(this.my);

	            var documentHeight = document.documentElement.clientHeight;
	            if (x <= 0) {
	                x = 0
	            } else if (x > parseInt(this.windowWidth) - parseInt(this.layerWidth)) {
	                //window窗口宽－弹层宽
	                x = parseInt(this.windowWidth) - parseInt(this.layerWidth)
	            }
	            if (y <= 0) {
	                y = 0
	            } else if (y > documentHeight - parseInt(this.layerHeight)) {
	                y = documentHeight - parseInt(this.layerHeight)
	            }
	            this.refs.ucslayer.style.left = x + "px";
	            this.refs.ucslayer.style.top = y + "px";
	            return false;
	        }
	    },
	    _handleMouseUp: function () {
	        this.move = false;
	        myRemoveEvent(document, 'mousemove', this._handleMouseMove.bind(this));
	        myRemoveEvent(document, 'mouseup', this._handleMouseUp.bind(this));

	    },
	    render:function(){
	        var props = this.props;
	        var style = "width:" + props.width + ";" + "height:" + props.height + ";" + "display:"+(props.display ? "block;" : "none;")+ "position:"+ props.position+";";
	        var bodyClass = "ucs-layer-body "+(props.type?"ucs-layer-text":"");
	        var bodyContent = "";
	        if (props.type === "text") {
	            //纯文字
	            bodyContent = (React.createElement("div", {className: "ucs-layer-txt"}, props.children));
	        } else if (props.type === "success") {
	            //成功时
	            bodyContent = (
	                React.createElement("div", {className: "ucs-layer-success"}, 
	                    React.createElement("i", {className: "iconfont icon-success icon"}), 
	                    props.children
	                )
	            )
	        }
	        else if (props.type === "failure") {
	            //失败时
	            bodyContent = (
	                React.createElement("div", {className: "ucs-layer-failure"}, 
	                    React.createElement("i", {className: "iconfont icon-failure icon"}), 
	                    props.children
	                )
	            )
	        } else {
	            //其它
	            bodyContent = props.children
	        }
	        var close = (
	                props.showClose ? React.createElement("a", {href: "javascript:;", className: "ucs-layer-close", onclick: this._handleCloseClick.bind(this)}) : ""
	            )
	            ;
	        var button = "";
	        if (props.confirm || props.cancel) {
	            button = (
	                React.createElement("div", {className: "ucs-layer-footer"}, 
	                    props.confirm ? React.createElement(Button, {onclick: this._handleConfirmClick.bind(this), buttonType: "confirm", value: props.confirm}) : "", 
	                    props.cancel ? React.createElement(Button, {onclick: this._handleCancelClick.bind(this), buttonType: "cancel", value: props.cancel}) : ""
	                )
	            );
	        }
	        var autoClose = (
	            this.props.autoClose > 0 ? React.createElement("div", {className: "ucs-autoclose"}, React.createElement("span", {ref: "autoClose"}, this.props.autoClose), "秒后自动关闭!") : ""
	        );
	        var moveStyle = "cursor:"+(this.props.move ? "move;" : ";");
	        return (
	            React.createElement("div", {className: "ucs-layer "+props.className+" "+props.animation, style: style, ref: "ucslayer", id: this.props.id}, 
	                close, 
	                props.title ? React.createElement("div", {className: "ucs-layer-header", onmousedown: this._handleMousedown.bind(this), ref: "layerHeader", style: moveStyle}, props.title) : "", 
	                autoClose, 
	                React.createElement("div", {className: "ucs-layer-content", ref: "layerContent", style: "height:"+props.contentHeight+";"}, 
	                    React.createElement("div", {className: bodyClass}, bodyContent), 
	                    button
	                )
	            )
	        )
	    }
	});

	module.exports = Layer;

/***/ },
/* 3 */
/***/ function(module, exports) {

	var Button = React.createClass({displayName: "Button",
		config:{
	        id:""
	    },
		render: function() {
			var customClassNameArr=this.props.className?this.props.className.split(' '):'';
	        var customClassName ='ucs-btn';
	        if(customClassNameArr.length>0){
	            for(var i=0;i<customClassNameArr.length;i++){
	                customClassName=customClassNameArr[i]+' '+customClassName;
	            }
	        }
			this.props.className = customClassName;
			var id = this.props.id?this.props.id:'';
			if(this.props.href){
				return React.createElement("a", {id: id, onclick: this.props.onclick, className: this.props.className, href: this.props.href}, this.props.value)
			}else{
				return React.createElement("button", {id: id, onclick: this.props.onclick, className: this.props.className}, this.props.value)
			}
		}
	})
	module.exports = Button;

/***/ },
/* 4 */
/***/ function(module, exports) {

	var Input =  React.createClass({displayName: "Input",
		getDefaultProps:function(){
			return {
				className:'ucs-input',
				dmbind:'',
				placeholder:"",
				onfocus:"",
				onblur:""
			};
		},
		handler:function(){
			console.log('adfdfdf');
		},
		render:function(){
			return React.createElement("input", {type: "text", className: this.props.className, dmbind: this.props.dmbind, placeholder: this.props.placeholder, onfocus: this.props.onfocus, onblur: this.props.onblur})
		}
	})
	module.exports = Input;

/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/1.
	 */
	var Label = __webpack_require__(6);

	var FormItem = React.createClass({displayName: "FormItem",
	    getDefaultProps:function(){
	        return{
	            id:"",
	            label:"",
	            dmbind:"",
	            className:"",
	            correctMsg:''
	        }
	    },
	    render:function(){
	        var _udmid = this.props.dmbind;
	        UEventHub.on(_udmid + UI_EVENT_CONST.ONVALIDATE_EVENT,function(msg){
	            var tipNode = this.refs[_udmid],
	                tipInner,
	                _msg = msg;
	            if(!_msg){
	                tipInner = React.createElement("div", null, React.createElement("i", {className: "iconfont icon-correct"}), this.props.correctMsg);
	                tipNode.className = "ucs-form-explain success";
	            }else{
	                tipInner = React.createElement("div", null, React.createElement("i", {className: "iconfont icon-error"}), React.createElement("span", null, _msg));
	                tipNode.className = "ucs-form-explain";
	            }
	            tipNode.innerHTML = tipInner.innerHTML;
	        }.bind(this));
	        return(
	            React.createElement("div", {className: "ucs-form-group " + this.props.className, id: this.props.id}, 
	                React.createElement(Label, {value: this.props.label}), 
	                
	                    this.props.children.map(function(item,idx){
	                        return item;
	                    }), 
	                
	                React.createElement("div", {className: "ucs-form-explain", ref: this.props.dmbind})
	            )
	        )
	    }
	});

	module.exports = FormItem;

/***/ },
/* 6 */
/***/ function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/24.
	 */
	var Label = React.createClass({displayName: "Label",
	    getDefaultProps:function(){
	        return {
	            id:"",
	            setFor:"",
	            value:"这是Label",
	            className:""
	        }
	    },
	    render:function(){
	        return(
	            React.createElement("label", {id: this.props.id, For: this.props.setFor, className: "ucs-label "+this.props.className}, this.props.value)
	        )
	    }
	});
	module.exports = Label;

/***/ },
/* 7 */,
/* 8 */,
/* 9 */
/***/ function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/3/21.
	 */

	var Countdown = React.createClass({displayName: "Countdown",
	    getDefaultProps:function(){
	        return{
	            timeRemaining:"2017-04-01 0:0:0",
	            tpl:"{d}天{h}时{m}分{s}秒",
	            overCallback:function(){}
	        }
	    },
	    countdownTime:null,
	    start:function(){
	        var _this = this;
	        _this.countdownTime = setInterval(function(){
	            _this._init();
	        },1000);
	    },
	    stop:function(){
	        clearTimeout(this.countdownTime);
	    },
	    over:function(){
	        this.stop();
	        console.warn("时间已过");
	        this.props.overCallback();
	    },
	    _init:function(){
	        var _start = new Date(this.props.timeRemaining).getTime(),
	            _now = new Date().getTime(),
	            second = _start - _now;
	        this._countdown(second);
	    },
	    _countdown:function(second){
	        var _node = this.refs.countdown;
	        var _this = this;
	        if(second < 0){
	            _this.over();
	            return;
	        }
	        var _ts = second / 1000 / 60 / 60 % 24,
	            _d = parseInt(second / 1000 / 60 / 60 / 24),    //得到天数
	            _h = parseInt(_ts),      //得到小时
	            _m = parseInt((_ts - _h) * 60),        //得到分钟
	            _s = Math.floor(((_ts - _h) * 60 - _m) * 60);        //得到秒数

	        var format = this.props.tpl, numArr = [], formatArr = [];
	        if(format.indexOf("{d}") >= 0){
	            numArr.push({
	                value:_d,
	                className:"ucs-count-day"
	            });
	        }
	        if(format.indexOf("{h}") >= 0){
	            numArr.push({
	                value:_h,
	                className:"ucs-count-hour"
	            });
	        }
	        if(format.indexOf("{m}") >= 0){
	            numArr.push({
	                value:_m,
	                className:"ucs-count-min"
	            });
	        }
	        if(format.indexOf("{s}") >= 0){
	            numArr.push({
	                value:_s,
	                className:"ucs-count-sec"
	            });
	        }

	        format = format.replace("{d}","-");
	        format = format.replace("{h}","-");
	        format = format.replace("{m}","-");
	        format = format.replace("{s}","-");
	        formatArr = format.split('-');

	        var innHtml = (
	            React.createElement("span", null, 
	                
	                    numArr.map(function(v,index){
	                        var _v = v.value.toString();
	                        return React.createElement("p", null, React.createElement("span", {className: v.className}, _v), formatArr[(index+1)])
	                    })
	                
	            )
	        )

	        ReactDOM.render(innHtml,this.refs.countdown);
	    },
	    componentDidMount:function(){
	        this._init();
	        this.start();
	    },
	    render:function(){
	        return(
	            React.createElement("div", {ref: "countdown", className: "ucs-count"}

	            )
	        )
	    }
	});
	module.exports = Countdown;

/***/ },
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */,
/* 16 */,
/* 17 */,
/* 18 */,
/* 19 */
/***/ function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/20.
	 */
	var HyperLink = React.createClass({displayName: "HyperLink",
	    getDefaultProps:function(){
	        return {
	            "id":"",
	            "className":"",
	            "href":"javascript:void(0)",
	            "text":""
	        }
	    },
	    render:function(){
	        return (
	            React.createElement("a", {id: this.props.id, className: "ucs-hyper-link "+this.props.className, href: this.props.href, onclick: this.props.onclick}, this.props.text)
	        )
	    }
	});

	module.exports = HyperLink;

/***/ },
/* 20 */,
/* 21 */,
/* 22 */,
/* 23 */
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/3/20.
	 */
	var RingProgress = React.createClass({displayName: "RingProgress",
	    getDefaultProps: function () {
	        return {
	            radius: 100, //半径
	            border: 10, //边框
	            color: ["#ccc", "#000", "#f00"], //颜色，背影色，过渡色，最终色
	            speed: 1000,//速度
	            value: 0
	        }
	    },
	    componentDidMount: function () {
	        this._drawCircle();
	    },
	    _drawCircle: function () {
	        var id = this.refs.ucsRingProgress;
	        var opt = {
	            r: this.props.radius, //半径
	            b: this.props.border, //边框
	            color: this.props.color, //颜色，背影色，过渡色，最终色
	            speed: this.props.speed,//速度
	            perentvalue: this.props.value
	        };
	        if (!isNaN(opt.perentvalue)) {
	            var r = Raphael(id, 2 * opt.r, 2 * opt.r), R = opt.r - (opt.b / 2);
	        }
	        r.customAttributes.arc = function (value, R) {
	            if (value == 100) {
	                value = 99.999
	            }
	            var alpha = 3.6 * value, a = (90 - alpha) * Math.PI / 180, x = opt.r + R * Math.cos(a), y = opt.r - R * Math.sin(a), path;
	            path = [["M", opt.r, opt.r - R], ["A", R, R, 0, +(alpha > 180), 1, x, y]];
	            return {path: path}
	        };
	        r.path().attr({stroke: opt.color[0], "stroke-width": opt.b}).attr({arc: [100, R]});
	        if (opt.perentvalue > 0) {
	            var c = r.path().attr({
	                stroke: opt.color[1],
	                "stroke-width": opt.b,
	                "stroke-linecap": "round"
	            }).attr({arc: [0.01, R]});
	            setTimeout(function () {
	                c.animate({stroke: opt.color[2], arc: [opt.perentvalue, R]}, opt.speed)
	            })
	        }
	    },
	    render: function () {
	        return (
	            React.createElement("div", {className: "ucs-ring-progress", ref: "ucsRingProgress"})
	        )
	    }
	});
	module.exports = RingProgress;

/***/ },
/* 24 */
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/3/17.
	 */
	var SeamlessScroll = React.createClass({displayName: "SeamlessScroll",
	    getDefaultProps: function(){
	        return {
	            config: {
	                speed: 33,  //滚动速度
	                type: 1,    //1：无缝滚动，2：间歇滚动:只有向上滚动的场景
	                stopTime: 3000  //间歇滚动停顿时间
	            }
	        }
	    },
	    componentDidMount: function(){
	        this.marginTop = 0;
	        this.scrollHandler();
	        if (window.addEventListener) {
	            window.addEventListener('blur', this.onWindowBlur.bind(this));
	            window.addEventListener('focus', this.onWindowFocus.bind(this));
	        } else {
	            window.attachEvent('blur', this.onWindowBlur.bind(this));
	            window.attachEvent('focus', this.onWindowFocus.bind(this));
	        }
	    },
	    onWindowFocus: function(){
	        this.scrollHandler();
	    },
	    onWindowBlur: function(){
	        clearInterval(this.timer);
	    },
	    scrollHandler: function(){
	        var _this = this;
	        if(_this.props.config.type == 1){
	            _this.timer = setInterval(function(){
	                if(_this.marginTop == _this.refs['seamlessScroll'].childNodes[0].childNodes[0].offsetHeight){
	                    _this.marginTop = 0;
	                    _this.refs['seamlessScroll'].childNodes[0].appendChild(_this.refs['seamlessScroll'].childNodes[0].childNodes[0]);
	                }else{
	                    _this.marginTop += 1;
	                }
	                 _this.refs['seamlessScroll'].childNodes[0].style.marginTop = -_this.marginTop + "px";
	            },_this.props.config.speed);
	        }else if(_this.props.config.type == 2){
	            _this.timer = setInterval(function(){
	                var tm = setInterval(function(){
	                    if(_this.marginTop == _this.refs['seamlessScroll'].childNodes[0].childNodes[0].offsetHeight){
	                        _this.marginTop = 0;
	                        _this.refs['seamlessScroll'].childNodes[0].appendChild(_this.refs['seamlessScroll'].childNodes[0].childNodes[0]);
	                        clearInterval(tm);
	                    }else{
	                        _this.marginTop += 1;
	                    }
	                    _this.refs['seamlessScroll'].childNodes[0].style.marginTop = -_this.marginTop + "px";
	                },_this.props.config.speed);
	            },_this.props.config.stopTime);
	        }
	    },
	    mouseMoveHandler: function(){
	        clearInterval(this.timer);
	    },
	    mouseOutHandler: function(){
	        this.scrollHandler();
	    },
	    render:function(){
	        return (
	            React.createElement("div", {className: "ucs-seamless-scroll", ref: "seamlessScroll", onmousemove: this.mouseMoveHandler.bind(this), onmouseout: this.mouseOutHandler.bind(this)}, 
	                this.props.children
	            )
	        );
	    }
	});
	module.exports = SeamlessScroll;

/***/ },
/* 25 */,
/* 26 */
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/3/17.
	 */
	    //查询样式是否存在
	function hasClass(elem, cls) {
	    elem = elem || {};
	    return new RegExp("\\b" + cls + "\\b").test(elem.className);
	};
	//添加样式
	function addClass(elem, cls) {
	    elem = elem || {};
	    hasClass(elem, cls) || (elem.className += " " + cls);
	    elem.className = elem.className.replace(/^\s|\s$/g, "").replace(/\s+/g, " ");
	    return this;
	};
	//删除样式
	function removeClass(elem, cls) {
	    elem = elem || {};
	    if (hasClass(elem, cls)) {
	        elem.className = elem.className.replace(new RegExp("(\\s|^)" + cls + "(\\s|$)"), "");
	    }
	    return this;
	};
	var Slider = React.createClass({displayName: "Slider",
	    getDefaultProps:function(){
	        return{
	            config: {
	                dots: true,
	                arrows: true,
	                autoPlay: true,
	                autoPlaySpeed: 2000
	            }
	        }
	    },
	    componentDidMount: function(){
	        this.count = 0;
	        if(this.props.config.autoPlay){
	            this.slideHandler();
	        }
	    },
	    slideHandler: function(){
	        var _this = this;
	        var items = _this.refs['ucs-slider-list'].childNodes;
	        var dots;
	        if(_this.props.config.dots){
	            dots = _this.refs['dots'].childNodes;
	        }
	        _this.timer = setInterval(function(){
	            for(var i = 0; i < items.length; i ++){
	                removeClass(items[i],"active-item");
	                if(_this.props.config.dots){
	                    removeClass(dots[i],"current");
	                }
	                items[i].style.opacity = 0;
	            }
	            if(_this.count == items.length-1){
	                _this.count = 0;
	            }else{
	                _this.count++;
	            }
	            addClass(items[_this.count],"active-item");
	            if(_this.props.config.dots){
	                addClass(dots[_this.count],"current");
	            }
	            _this.fadeInHandler();
	        },_this.props.config.autoPlaySpeed);
	    },
	    mouseOverHandler: function(){
	        if(this.timer){
	            clearInterval(this.timer);
	            this.timer = null;
	        }
	    },
	    mouseOutHandler: function(){
	        if(this.props.config.autoPlay){
	            this.slideHandler();
	        }
	    },
	    dotClickHandler: function(e){
	        var _this = this;

	        var items = _this.refs['ucs-slider-list'].childNodes;
	        var dots = _this.refs['dots'].childNodes;
	        for(var i = 0; i < items.length; i ++){
	            removeClass(items[i],"active-item");
	            removeClass(dots[i],"current");
	        }
	        addClass(items[e.target.parentNode.value],"active-item");
	        addClass(dots[e.target.parentNode.value],"current");
	        _this.count = e.target.parentNode.value;
	        _this.fadeInHandler();
	    },
	    prevHandler: function(){
	        var _this = this;

	        var items = _this.refs['ucs-slider-list'].childNodes;
	        var dots;
	        if(_this.props.config.dots){
	            dots = _this.refs['dots'].childNodes;
	        }
	        for(var i = 0; i < items.length; i ++){
	            removeClass(items[i],"active-item");
	            if(_this.props.config.dots){
	                removeClass(dots[i],"current");
	            }
	        }
	        if(_this.count == 0){
	            _this.count = items.length-1;
	        }else{
	            _this.count--;
	        }
	        addClass(items[_this.count],"active-item");
	        if(_this.props.config.dots){
	            addClass(dots[_this.count],"current");
	        }
	        if(_this.props.config.dots){
	            removeClass(dots[i],"current");
	        }
	        this.fadeInHandler();
	    },
	    nextHandler: function(){
	        var _this = this;

	        var items = _this.refs['ucs-slider-list'].childNodes;
	        var dots;
	        if(_this.props.config.dots){
	            dots = _this.refs['dots'].childNodes;
	        }
	        for(var i = 0; i < items.length; i ++){
	            removeClass(items[i],"active-item");
	            if(_this.props.config.dots){
	                removeClass(dots[i],"current");
	            }
	        }
	        if(_this.count == items.length-1){
	            _this.count = 0;
	        }else{
	            _this.count++;
	        }
	        addClass(items[_this.count],"active-item");
	        if(_this.props.config.dots){
	            addClass(dots[_this.count],"current");
	        }
	        this.fadeInHandler();
	    },
	    fadeInHandler: function(){
	        var _this = this;
	        var items = _this.refs['ucs-slider-list'].childNodes;
	        var opt = 0;
	        var tm = setInterval(function(){
	            if(opt>1){
	                clearInterval(tm);
	            }else{
	                opt += 0.1;
	            }
	            items[_this.count].style.opacity = opt;
	        },50);
	    },
	    render:function(){
	        var _this = this;
	        return(
	            React.createElement("div", {className: "ucs-slider", onmouseover: _this.mouseOverHandler.bind(_this), onmouseout: _this.mouseOutHandler.bind(_this)}, 
	                React.createElement("div", {className: "ucs-slider-list", ref: "ucs-slider-list"}, 
	                    _this.props.children
	                ), 
	                
	                    _this.props.config.dots?(
	                        React.createElement("div", {className: "dots"}, 
	                            React.createElement("ul", {ref: "dots"}, 
	                                
	                                    _this.props.children.map(function(item,index){
	                                        if(index == 0){
	                                            return (React.createElement("li", {value: index, className: "current"}, React.createElement("a", {href: "javascript:void(0)", onclick: _this.dotClickHandler.bind(_this)})));
	                                        }else{
	                                            return (React.createElement("li", {value: index}, React.createElement("a", {href: "javascript:void(0)", onclick: _this.dotClickHandler.bind(_this)})));
	                                        }
	                                    })
	                                
	                            )
	                        )
	                    ):"", 
	                
	                
	                    _this.props.config.arrows?(
	                        React.createElement("div", {className: "arrows"}, 
	                            React.createElement("a", {href: "javascript:void(0)", className: "prev", onclick: _this.prevHandler.bind(_this)}), 
	                            React.createElement("a", {href: "javascript:void(0)", className: "next", onclick: _this.nextHandler.bind(_this)})
	                        )
	                    ):""
	                
	            )
	        )
	    }
	});

	module.exports = Slider;

/***/ },
/* 27 */,
/* 28 */,
/* 29 */,
/* 30 */
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/3/17.
	 */

	var Advisory = React.createClass({displayName: "Advisory",
	    _show:function(){
	        var _show = this.refs.show,
	            _close = this.refs.close,
	            _wrap = this.refs.advisory;
	        _show.style.display = "none";
	        _close.style.display = "block";
	        _wrap.style.right = "0";
	    },
	    _close:function(){
	        var _show = this.refs.show,
	            _close = this.refs.close,
	            _wrap = this.refs.advisory;
	        _show.style.display = "block";
	        _close.style.display = "none";
	        _wrap.style.right = "-80px";
	    },
	    render:function(){
	        return(
	            React.createElement("div", {ref: "advisory", className: "ucs-advisory"}, 
	                React.createElement("a", {className: "ucs-close_kf iconfont icon-arrow-right", ref: "close", href: "javascript:void(0)", onclick: this._close.bind(this)}), 
	                React.createElement("a", {className: "ucs-show_kf iconfont icon-arrow-left", ref: "show", href: "javascript:void(0)", onclick: this._show.bind(this)}), 
	                React.createElement("div", {className: "ucs-ui-tools"}, 
	                    this.props.children
	                )
	            )
	        )
	    }
	});
	module.exports = Advisory;

/***/ },
/* 31 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/17.
	 */
	var Layer = __webpack_require__(2);

	var Calculator = React.createClass({displayName: "Calculator",
	    /*计算器验证输入,检查是不是数字及两数位数*/
	    chcknullnum: function(a) {
	        if (!isNaN(a) && a != "") {
	            return a;
	        } else {
	            return false;
	        }
	    },
	    chckisnum:function(a) {
	        if (a.indexOf(".") > -1) {
	            //如果有小数点
	            var b = a.split('.')[1].length;
	            if (b > 2) {
	                a = false;
	            }
	        }
	        return a;
	    },
	    showCalculator: function(){
	        var div = document.createElement("div");
	        div.id = "grey-background";
	        document.body.appendChild(div);
	        this.refs['calculator-layer'].style.display = "block";
	    },
	    hideCalculator: function(){
	        this.refs['calculator-layer'].style.display = "none"
	        document.body.removeChild(document.getElementById("grey-background"));
	    },
	    investSumHandler: function(){
	        this.value = this.value.replace(/[^\d.]/g,'');
	    },
	    interestHandler: function(){
	        this.value = this.value.replace(/[^\d.]/g,'');
	    },
	    durationHandler: function(){
	        this.value=this.value.replace(/\D/g,'');
	    },
	    calculateHandler: function(){
	        var _this = this;
	        var a = _this.refs['invest-sum'].value; //投资金额
	        if (!_this.chcknullnum(a)) {
	            alert("投资金额不能为空且只能是数字");
	            _this.refs['invest-sum'].focus();
	            return;
	        }
	        if (!_this.chckisnum(a)) {
	            alert("投资金额最多只能是两位数字！");
	            _this.refs['invest-sum'].focus();
	            return;
	        }
	        var b = _this.refs['interest'].value; //预期年化利率
	        if (!_this.chcknullnum(b)) {
	            alert("预期年化利率不能为空且只能是数字！");
	            _this.refs['interest'].focus();
	            return;
	        }
	        if (!_this.chckisnum(b)) {
	            alert("预期年化利率最多只能是两位数字！");
	            _this.refs['interest'].focus();
	            return;
	        }
	        var c = _this.refs['duration'].value; //预期年化利率
	        if (!_this.chcknullnum(c)) {
	            alert("投资期限不能为空且只能是数字！");
	            _this.refs['duration'].focus();
	            return;
	        }
	        var rm = a * 10000 * b / 100 / 360 * c;
	        //取两位小数
	        var rm2 = Math.round(rm * 100) / 100;
	        _this.refs['return-money'].innerHTML = rm2;
	        _this.refs['computer-allmoney'].innerHTML = rm2 + a * 10000;
	    },
	    resetHandler: function(){
	        var _this = this;
	        _this.refs['invest-sum'].value = "";
	        _this.refs['interest'].value = "";
	        _this.refs['duration'].value = "";
	        _this.refs['return-money'].innerHTML = "";
	        _this.refs['computer-allmoney'].innerHTML = "";
	    },
	    layerOpen:function(){
	        this.refs.calculatorLayer.layerOpen();
	    },
	    render: function(){
	        var _this = this;
	        return (
	            React.createElement("div", null, 
	                React.createElement(Layer, {ref: "calculatorLayer"}, 
	                    React.createElement("h3", {className: "alert-title", style: "cursor: default;"}, 
	                        React.createElement("b", null), 
	                        React.createElement("span", null, "收益计算器"), 
	                        React.createElement("b", null)
	                    ), 
	                    React.createElement("div", {className: "alert-content", style: "height: 330px;"}, 
	                        React.createElement("div", {className: "alert-load"}, 
	                            React.createElement("div", {className: "layer-computer"}, 
	                                React.createElement("div", {className: "form-group"}, 
	                                    React.createElement("label", null, "投资金额："), 
	                                    React.createElement("div", {className: "input"}, React.createElement("input", {type: "text", ref: "invest-sum", className: "input-control computer-money", maxlength: "9", onkeyup: _this.investSumHandler, placeholder: "请输入投资金额"})), 
	                                    React.createElement("span", {className: "unit"}, "万元")
	                                ), 
	                                React.createElement("div", {className: "form-group"}, 
	                                    React.createElement("label", null, "预期年化利率："), 
	                                    React.createElement("div", {className: "input"}, React.createElement("input", {type: "text", ref: "interest", className: "input-control computer-bf", maxlength: "4", onkeyup: _this.interestHandler, placeholder: "请输入预期年化利率"}), React.createElement("span", {className: "unit"}, "%")
	                                    )
	                                ), 
	                                React.createElement("div", {className: "form-group"}, 
	                                    React.createElement("label", null, "投资期限："), 
	                                    React.createElement("div", {className: "input"}, 
	                                        React.createElement("input", {type: "text", ref: "duration", className: "input-control computer-data", maxlength: "4", onkeyup: _this.durationHandler, onafterpaste: "this.value=this.value.replace(/\\D/g,'')", placeholder: "请输入投资期限"}), 
	                                        React.createElement("span", {className: "unit"}, "天")
	                                    )
	                                ), 
	                                React.createElement("div", {className: "content"}, 
	                                    React.createElement("p", null, "预期收益：", React.createElement("span", {className: "return-money fcred", ref: "return-money"}), " 元"), 
	                                    React.createElement("p", null, "预期本息合计：", React.createElement("span", {className: "computer-allmoney fcred", ref: "computer-allmoney"}), " 元")
	                                ), 
	                                React.createElement("div", {className: "alert-button"}, 
	                                    React.createElement("input", {type: "button", className: "btn btn-confirm computer-button", value: "计算", onclick: _this.calculateHandler.bind(_this)}), 
	                                    React.createElement("input", {type: "reset", value: "重置", className: "btn btn-cancel computer-reset", onclick: _this.resetHandler.bind(_this)})
	                                )
	                            )
	                        )
	                    )
	                )
	            )

	        )
	    }
	});
	module.exports = Calculator;

/***/ },
/* 32 */,
/* 33 */
/***/ function(module, exports) {

	/**
	 *
	 * @constructs
	 */
	var Tooltip = React.createClass({displayName: "Tooltip",
	    _addEventListener:function(obj,ev,fn){
			obj.addEventListener ? obj.addEventListener(ev,fn,false) : obj.attachEvent("on" + ev,fn)
	    },
	    _removeEventListener: function (obj, ev, fn) {
	        obj.removeEventListener ? obj.removeEventListener(ev, fn, false) : obj.detachEvent("on" + ev, fn)
	    },
		getDefaultProps: function() {
			return {
				container: document.body,
				position: 'top',
				fixed: true,
				space: 5
			}
		},
		componentDidMount: function() {
			this.container = this.props.container || document.body;
			this.componentEl = this.refs.tooltipbox;
			this.tooltipEl = document.createElement('div');

			var tooltipArrowEl = document.createElement('div');
			tooltipArrowEl.className = 'ucs-tooltip-arrow';

			var tooltipContentEl = document.createElement('div');
			tooltipContentEl.className = 'ucs-tooltip-inner';
			tooltipContentEl.innerHTML = this.props.title;

			this.tooltipEl.appendChild(tooltipArrowEl);
			this.tooltipEl.appendChild(tooltipContentEl);
			this.tooltipEl.className = 'ucs-tooltip ' + this.props.position;
			this.container.appendChild(this.tooltipEl);
			this.resetTooltip();
			var _componentEl =  this.componentEl;
			this._addEventListener(_componentEl, this.props.fixed ? 'mouseenter' : 'mousemove', this.handleMouseMove.bind(this));
			this._addEventListener(_componentEl, 'mouseleave', this.handleMouseOut.bind(this));
		},

		resetTooltip: function() {
			this.tooltipEl.style.left = '-500px';
			this.tooltipEl.style.top = '-500px';
			this.tooltipEl.style.visibility = "hidden";
		},

		handleMouseMove: function(e) {
			if(!this.props.title) {
				return;
			}

			var tooltipPosition = this.getTooltipPosition(e);
			var tooltipOffset = this.getTooltipOffset();

			this.tooltipEl.style.left = tooltipPosition.x + tooltipOffset.x + 'px';
			this.tooltipEl.style.top = tooltipPosition.y + tooltipOffset.y + 'px';
			this.tooltipEl.style.visibility = "visible";
		},

		handleMouseOut: function() {
			this.resetTooltip();
		},
		//定位到标签的位置
		getTooltipPosition: function(e) {
			var pointX;
			var pointY;
			var bodyRect = document.body.getBoundingClientRect();
			var containerRect = this.container.getBoundingClientRect();
			var containerOffsetX = containerRect.left - bodyRect.left;
			var containerOffsetY = containerRect.top - bodyRect.top;
			if(this.props.fixed) {
				var componentRect = this.componentEl.getBoundingClientRect();
				var componentOffsetX = componentRect.left - containerOffsetX;
				var componentOffsetY = componentRect.top - containerOffsetY;
				var componentWidth = this.componentEl.offsetWidth;
				var componentHeight = this.componentEl.offsetHeight;
				var cOffsetX = 0;
				var cOffsetY = 0;
				switch(this.props.position) {
					case 'top':
						cOffsetX = componentWidth / 2;
						cOffsetY = 0;
						break;
					case 'right':
						cOffsetX = componentWidth;
						cOffsetY = componentHeight / 2;
						break;
					case 'bottom':
						cOffsetX = componentWidth / 2;
						cOffsetY = componentHeight;
						break;
					case 'left':
						cOffsetX = 0;
						cOffsetY = componentHeight / 2;
						break;
				}
				pointX = componentOffsetX + cOffsetX + (window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0);
				pointY = componentOffsetY + cOffsetY + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0);
			} else {
				var clientX = e.clientX;
				var clientY = e.clientY;
				pointX = clientX - containerOffsetX + (window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0);
				pointY = clientY - containerOffsetY + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0);
			}
			return {
				x: pointX,
				y: pointY
			};
		},
		//获取偏移量
		getTooltipOffset: function() {
			var tooltipW = this.tooltipEl.offsetWidth;
			var tooltipH = this.tooltipEl.offsetHeight;
			var offsetX = 0;
			var offsetY = 0;
			switch(this.props.position) {
				case 'top':
					offsetX = -(tooltipW / 2);
					offsetY = -(tooltipH + Number(this.props.space));
					break;
				case 'right':
					offsetX = Number(this.props.space);
					offsetY = -(tooltipH / 2);
					break;
				case 'bottom':
					offsetX = -(tooltipW / 2);
					offsetY = Number(this.props.space);
					break;
				case 'left':
					offsetX = -(tooltipW + Number(this.props.space));
					offsetY = -(tooltipH / 2);
					break;
			}
			return {
				x: offsetX,
				y: offsetY
			};
		},
		render: function() {
			return (
			    React.createElement("div", {ref: "tooltipbox", className: this.props.className?("ucs-tooltip-wrap "+this.props.className):"ucs-tooltip-wrap"}, this.props.children)
	        )
		}
	});

	module.exports = Tooltip;

/***/ }
/******/ ]);